<template>
    <view :class="clazz" :style />
</template>

<script setup>
    import { SVGProps, buildSVGView } from "."
    const props = defineProps(SVGProps)

    const style = computed(()=>{
        let { size, fill } = props
        let svg = `
        <svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 1024 1024">
            <path fill='${fill}' d="M511.56 196.5c-33.39 0-72.71-5.13-112.37-21.8a15 15 0 0 1 11.62-27.7c102.91 43.25 205.4 1 206.43 0.58a15 15 0 0 1 11.66 27.64c-1.18 0.5-29.34 12.24-71.59 18.07a334.54 334.54 0 0 1-45.75 3.21zM637.14 692h-6.35a15 15 0 0 1 0.42-30c35.49 0.5 61.47-3.51 77-7 16.81-3.72 25.36-7.61 25.44-7.65a15 15 0 0 1 12.75 27.16c-1.55 0.79-37.86 17.49-109.26 17.49zM391.86 692c-71.41 0-107.71-16.74-109.27-17.48a15 15 0 0 1 12.75-27.15c0.73 0.32 35 15.51 102.45 14.59a15 15 0 1 1 0.42 30q-3.21 0.04-6.35 0.04z"></path>
            <path fill='${fill}' d="M657.38 872.35a57.31 57.31 0 0 1-38-14.45L504.74 756.56a15 15 0 0 1-5.07-11.23l-0.2-354a15.07 15.07 0 0 1 1.53-6.63l111-225.64a46.69 46.69 0 0 1 61.76-21.46l75.78 36.12a49.33 49.33 0 0 1 24.21 64c-8.86 20.81-18.82 53.16-15.92 89.09 3.37 41.58 23.21 78.77 59 110.54A48.39 48.39 0 0 1 833 473.57v263.16a48.68 48.68 0 0 1-20.75 39.85l-121.92 85.34a57.37 57.37 0 0 1-32.95 10.43zM529.67 738.56l109.56 96.86a27.33 27.33 0 0 0 33.89 1.92L795.05 752a18.64 18.64 0 0 0 8-15.27V473.57a18.4 18.4 0 0 0-6.09-13.78c-41.75-37.07-65-81-69-130.55-3.4-42 8-79.35 18.22-103.27a19.38 19.38 0 0 0-9.52-25.16l-75.78-36.13a16.58 16.58 0 0 0-21.93 7.62L529.47 394.81z"></path>
            <path fill='${fill}' d="M371.09 872.35a57.37 57.37 0 0 1-32.95-10.43l-121.92-85.34a48.68 48.68 0 0 1-20.75-39.85V473.57a48.39 48.39 0 0 1 16.17-36.21c35.78-31.77 55.62-69 59-110.54 2.9-35.93-7.05-68.28-15.92-89.09a49.32 49.32 0 0 1 24.21-64l75.77-36.13a46.69 46.69 0 0 1 61.76 21.46l111 225.64a15 15 0 0 1-26.92 13.24l-111-225.64a16.58 16.58 0 0 0-21.93-7.62l-75.78 36.13a19.38 19.38 0 0 0-9.52 25.19c10.19 23.92 21.62 61.25 18.22 103.27-4 49.55-27.21 93.48-69 130.55a18.4 18.4 0 0 0-6.09 13.78v263.13a18.64 18.64 0 0 0 7.98 15.27l121.93 85.34a27.33 27.33 0 0 0 33.89-1.92l114.62-101.33a15 15 0 0 1 19.87 22.47L409.11 857.9a57.31 57.31 0 0 1-38.02 14.45z"></path>
        </svg>`

        return buildSVGView(size, svg)
    })
</script>